/*--------------------------------------------------------------
 Account
 --------------------------------------------------------------*/
#accountinfo {
    font-size: 1em;
    color: #7133ff;
}
#loginmsg {
    font-size: 1em;
    color: #19d222;    
}
table.login {
	margin: 5px;
	padding: 0 0 0 0;
	color: gray;
}
input.username {
	padding-left:1.7em;
	background: #fff url('/images/account_login.png') no-repeat;
    color: #581b88;
    border: 1px #bbb solid;
    font-size: 1em;
}

input.password {
	padding-left:1.7em;
	background:#fff url('/images/account_password.png') no-repeat;
    color: #581b88;
	border: 1px #bbb solid;
    font-size: 1em;
}

input.email {
	padding-left:1.7em;
	background:#fff url('/images/account_email.png') no-repeat;
    color: #581b88;
	border: 1px #bbb solid;
    font-size: 1em;
}

/*--------------------------------------------------------------
 Page
 --------------------------------------------------------------*/
#box {
    background: #f7f7f7;
}
.pageheader {
  background:url('/images/header-sl.png') no-repeat left bottom; 
  border: 0px;  
  font-size:12px;
  font-weight: bold;
  color: #ffa222;
  margin-left:3px;
  margin-right:3px;
  width:369px;
}

.pageheaderred {  
  border: 0px;  
  font-size:12px;
  font-weight: bold;
  color: #ffa222;
  margin-left:3px;
  margin-right:3px;
  width:369px;
}

.page {
  background:#f7f7f7 url('/images/line.png') repeat-y left top; 
  border: 0px;
  font-size:12px;
  line-height:16px;
  margin-left:3px;
  margin-right:3px;
  width:369px;
  color:gray;
}

#adminpage {
  text-align: center;
  background:#e7e7e7;
}

#c0 {
  width: 369px;
}

#c1 {
  font: normal 12px "bitstream vera sans", verdana, sans-serif;
  width: 369px;
}

#k {
  font: normal 10px "bitstream vera sans", verdana, sans-serif;
  width: 157px;
}

.visionaire {
  text-align:center;
}

#imgup {
    text-align:center;
}

/*--------------------------------------------------------------
 Bars
 --------------------------------------------------------------*/
#adbar {
   
}
#friend {
    text-align:center;
}

/*--------------------------------------------------------------
 Header
 --------------------------------------------------------------*/
#menu { 
  color: white;
  font: bold 13px "bitstream vera sans", verdana, sans-serif;
  background: #5ce200;
  text-align: center;
  width:400px;
  height:3em;
  border-top:3px solid #fcee00;
}

#menu_table {
  width:100%;
  height:100%;
  vertical-align:middle;
}

#menu_table td:hover {
  background:#60ef00;
}

#header { 
	font: normal 13px verdana, arial, sans-serif;   
}

#header a:link,
#header a:visited { 
	color: white;
	text-decoration: none;
}

#header a:hover,
#header a:active {
	color:red; font-weight:bold;
	background: transparent;
	text-decoration: none;
}

#header h1 {
	font: bold 400% georgia, serif; 
	letter-spacing: -1px; 
	margin: 0;
	float: left; 
}

#header h2 {
	font: normal 12px verdana, arial, sans-serif;  
	margin: 2.5em 0 0 0.8em;
	float: left; 
}

.msg {
    font: bold 14px verdana, arial, sans-serif;
    color: #fcee00;
    width:400px;
}

.notice {
}
.error {
    color: red;
}


/*--------------------------------------------------------------
 Visionview
 --------------------------------------------------------------*/
#visiontoolview { 
 width:183px;
}
.drops { 
  float:left;
  padding:1px;
}
.droper {
  text-align:center; 
  background:#cfcfcf; 
  color: white;
}
.droperhover {
  background:gray; 
  color: white;
}
/*--------------------------------------------------------------
 WordFlow
 --------------------------------------------------------------*/
#addword {
  color: white;
}

#addword a:link,
#addword a:visited { 
	color: white;
	text-decoration: none;
}

#addword a:hover,
#addword a:active {
	color:red; font-weight:bold;
	background: transparent;
	text-decoration: none;
}
#addword input {
  background: transparent;
  color: white;
  border: 2px solid white;
}

.wordflowheader { 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  padding: 2px;
  color: black;   
  border-bottom: 3px solid red;
  text-align:center;
  }

.word { 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   11px;
  color: green; 
  padding: 2px;
  }

.worddesc {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   9px;
  color: gray;
  }

.wordflow {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   48px;
} 
/*----------
capped-cappet
------------*/
#capped {
    height:237px;
    width:316px;
    margin-left:17px;
}
.capped-img {
    float:left;
    display:inline;
    width:77px;
    height:77px;
    margin:1px;
    padding:0;
}
.capped-title {
    background:transparent url('/images/capped.png') no-repeat left top; 
    width:277px;
    height:100px;
    padding:15px 15px 10px;
}

/*--------------------------------------------------------------
 Groups / Forms
 --------------------------------------------------------------*/
.group {
  /*#00d505*/
  background:#ff3607;
  color:#fff;
  padding:3px;
}
.grouplist {
    background:#000;
    text-align:left;
}
.grouplist ul {
    list-style-type: none;
}
.grouplist ul li {
}
.grouplist ul li:hover {
    background:#28ff2d;
}
.grouphelp {
  text-align:center;
  background:#cfcfcf; 
  color: white;
}

.grouplist {   max-height:300px;overflow:auto; }

.flox {
   background:#adfeff; 
   padding:1em;   
}

/*middle screen*/
.flow {
    /*background: #bababa;*/
    background: #2bf82b;
    color: #8e8fb8;
    padding: 0.5em;
    border: 7px solid #fcff07;
}
.forms a:link, a:visited { 
	color:#111fff;
	text-decoration: none;
}

.forms a:hover, a:active {
	color:white; font-weight:bold;
	text-decoration: none;
}

.forms {
    background: #88f8f8;
    /*background: #e8e8e8;*/
    color: #8e8fb8;
    padding: 1em;
    border: 7px solid #fff;
}
.forms input[type="text"] {
    color: #581b88;
    border: 1px #bbb solid;
    font-size: 1em;
}
.forms input[type="text"]:hover {   
    border: 1px dashed #581b88;
}
.forms input[type="password"] {
    color: #581b88;
    border: 1px #bbb solid;
    font-size: 1em;
}
.forms input[type="password"]:hover {   
    border: 1px dashed #581b88;
}

.forms textarea {
    color: #581b88;
    border: 1px #bbb solid;
    font-size: 0.8em;    
}

.forms textarea:hover {
    border: 1px dashed #581b88;
}

.gbutton {
    background: #f88;
    color: #5ce2ff;
    font-size: 1em;    
    font-weight: bold;
    border: 2px #fff solid;

}
.gbutton:hover {
    background: #f44;
/*    color: #5ce222;*/
   /* border: 2px #5ce222 solid;*/
}

/*form buttons*/
.btns {
    clear:both;
    text-align:center;
}
/*one form button*/
.btn_ok {
  /*background:transparent url('/images/ui/_ok.png') no-repeat left top;*/
  vertical-align: middle;
  padding:3px;
}
.btn_ok:hover{
  /*background:#000 url('/images/ui/over_ok.png') no-repeat left top;*/
  vertical-align: middle;
  padding:3px;
}

.btn_cancel {
  /*background:transparent url('/images/ui/_cancel.png') no-repeat left top;*/
  vertical-align: middle;
  padding:3px;
}
.btn_cancel:hover{
  /*background:#000 url('/images/over_cancel.png') no-repeat left top;*/
  vertical-align: middle;
  padding:3px;
}

.tables {
    font-size:1em;
    border-collapse:collapse;  
    table-layout:fixed;
    width:100%;
}

.tables td {
    text-align:center;    
    padding:0.5em 0 1em;
}

.tables tr:hover {
    background:#adfeff;
}

.pagination {
    text-align:center;
    font-size:1.3em;
}

.pagination a:link,
.pagination a:visited { 
	color: white;
	text-decoration: none;
}

.pagination a:hover,
.pagination a:active {
	color:red; font-weight:bold;
	background: transparent;
	text-decoration: none;
}

.progressBar .border { background-color: #fff; border: 1px solid #fff; width: 100%; }
.progressBar .background { background-color: #333; height: 10px; width: 0%; }


/*--------------------------------------------------------------
 Content
 --------------------------------------------------------------*/

#content {

}

#content a:link,
#content a:visited { 
	color: gray;
	font-weight: bold;
	font-size: 11px; 
	text-decoration: none;
}

#content a:hover,
#content a:active { 
	color: #930;
	background: transparent;
}


#content .submenu {
    color: gray;
    font-size: 1em;
    text-align:center;
}

#content .submenu a:link,
#content .submenu a:visited { 
	color: gray;
	font-weight: bold;
	font-size: 11px; 
	text-decoration: none;
}

#content .submenu a:hover,
#content .submenu a:active { 
	color: #930;
	background: transparent;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 { 
	font-family: "lucidamac bold", "lucida grande", arial, sans-serif; 
	letter-spacing: -1px;
}

#content h1 { 
	font-size: 24px;
	margin: 0 0 0.3em;	
}

#content h2 { 
	font-size: 22px;
	margin: 0 0 0.3em;	
}

#content h3 { 
	font-size: 20px;
	margin: 1.2em 0 0.3em;	
}

#content h4 { 
	font-size: 18px;
	margin: 1.2em 0 0.3em;	
	border-bottom: 1px dotted #bbb;
}

#content h5 {
	font-size: 18px;
	background: #ffd;
	margin: 1.2em 0 0.3em;	
	border-bottom: 1px dotted #aaa;
}

#content p {
	line-height: 16px; 
	margin: 0 0 1em;
}

#content ul,
#content ol {
	margin: 1em;
	padding:0;
}

#content blockquote {
	color: #555;
	border-left: 5px solid #ccc; 
	margin: 1.3em 1em; padding: 0 1em;
}

#content code { 
	font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
}

#content pre {
	color: #63FF00;
	background: #000;
	overflow: auto;
	font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
	margin: 0.9em 0; padding: 8px;
}

#content #wunderbox {
	text-align: center;
	margin: 21px;
}


/* Article Entries - class names based on http://microformats.org/wiki/hatom] */
#content .atomentry { 
	margin: 0 0 0 0;
}

#content .atomentry .title {
	font-size: 24px;
	line-height: 94%;
	letter-spacing: -1.5px; 
	margin: 0;
}

#content .atomentry .title a:link,
#content .atomentry .title a:visited { 
	color: #930;
	text-decoration: none;
}

#content .atomentry .title a:hover,
#content .atomentry .title a:active { 
	color: #000;
	background: transparent;
}

#content .atomentry .title .comment_count { display: none; }

#content .atomentry .author {
	color: #bbb;
	font: normal 16px/14px "lucidamac bold", "lucida grande", arial, verdana, sans-serif;
	letter-spacing: -1px;
	margin: 0 0 1em;
}

#content .atomentry .author cite a,
#content .atomentry .author cite a:hover { /* author mailto: link (if any) */
	color: #aaa; background: transparent;
	text-decoration: none;
}

#content .atomentry .author abbr { /* posted date */
	font-weight: bold;
	color: #aaa;
}

#content .atomentry .content {}

#content .atomentry ul.meta { 
	font-size: 10px;
	background: #eee;
	margin: 0; padding: 5px;
	border: 1px solid #ddd;
	list-style-type: none;
}

#content .atomentry ul.meta li { 
	line-height: 13px;
	margin: 0; padding: 0;
}

#content .atomentry ul { 
	font-size: 13px;
	margin: 0; padding: 5px;
	list-style-type: none;
}

#content .atomentry ul li { 
	line-height: 15px;
	margin: 0; padding: 0;
}


#content .atomentry a:link,
#content .atomentry a:visited {
	color: #777;
    background: transparent;
	text-decoration: none;	
}

#content .atomentry a:hover,
#content .atomentry a:active  {
	color: #555;
    text-decoration: none;	
}


/* Comments and Trackbacks */
#content ol.comments,
#content ol.trackbacks {
	list-style-type: none;
	margin: 0; padding: 0;
}

#content .comment,
#content .trackback {
	border-bottom: 2px solid #88f8f8;
	margin: 5px; padding: 0.1em;
}

#content .comment:hover {
   background: #ffc;
}


#content .comment.preview { 
	background: #ffc;
	border: 3px solid #fab444;
}

#content .comment   .author,
#content .trackback .author { 
    color: #ffa222;
    font-size: 10px;
	font-weight: bold;
	margin-bottom: 1em;
}

#content .comment   .author cite,
#content .trackback .author cite {
	font-size: 16px;
	letter-spacing: -1px;
}

#content .comment   .author abbr, 
#content .trackback .author abbr { color: #999; }

#content .comment .author .gravatar { 
	margin: 0 0 0.5em 0.5em;
	float: right; 
}

/* uncomment to enable a default gravatar
#content .comment .author div {
	margin: 0 0 0.5em 0.5em;
 	width: 60px; height: 60px;
	background: url(/images/theme/gravatar.gif) no-repeat left top;
	float: right; 
}*/


#content form.comments {
	background: #f2f2f2;
	border-top: 1px solid #ddd;
	padding: 1em 0.5em;
}

#content form.comments fieldset { 
	border: none;
}

#content form.comments legend { 
	display: none;
}

#content form.comments label { 
	font-weight: bold;
}

#content form.comments textarea { 
	width: 90%; height: 150px;
	padding: 3px;
}

/*--------------------------------------------------------------
 Notes
 --------------------------------------------------------------*/
.note {
	font-size: 11px; 
	color: red;
    text-align:left;
}
.notes {
    text-align:center;
	font-size: 12px; 
	color: #bababa;
    margin:0.5em 0 0.5em;
}
.note_number {
    float:right;
    margin-right:1em;
    width:2em;
    height:2em;
    font-size:1.3em;
    font-weight:bold;
    background: #69fffd;
    color:#f7f7f7;
}

/*--------------------------------------------------------------
 Captcha
 --------------------------------------------------------------*/
.captcha {
	border: 3px solid #60ef00;
	background: #ebf4f4;
	margin: 15px 0 0;
	padding: 5px;
}

.captcha_failed {
	border: 3px solid #ff1616;
	background: #fff;
	margin: 15px 0 0;
	padding: 5px;
}

.captcha .spam {
	color: #60ef00;
}
/*--------------------------------------------------------------
 Drags
 --------------------------------------------------------------*/

.drags_navigation {
    color: gray;
    font-size: 1em;
    text-align:center;
}

.drags_navigation {
    color: gray;
    font-size: 1em;
    text-align:center;
}

.drags_navigation a:link,
.drags_navigation a:visited { 
	color: gray;
	font-weight: bold;
	font-size: 11px; 
	text-decoration: none;
}

.drags_navigation a:hover,
.drags_navigation a:active { 
	color: #930;
	background: transparent;
}

#drags {
    height:237px;
    width:316px;
    margin-left:17px;
}
.drop {
	
}
.drag_icon {
    float:left;
    display:inline;
    width:77px;
    height:77px;
    margin:1px;
    padding:0;
}
.drag-title {
    background:transparent url('/images/capped.png') no-repeat left top; 
    width:277px;
    height:100px;
    padding:15px 15px 10px;
}

/*--------------------------------------------------------------
 Sidebar
 --------------------------------------------------------------*/
#adbar {
	font-size: 12px; 
}

#sidebar {
	font-size: 12px; 
}

#sidebar h3 { 
	font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
	margin: 0 0 0.5em;
}

#sidebar h3 a:link,
#sidebar h3 a:visited {
	color: #000; text-decoration: none;
}

#sidebar h3 a:hover,
#sidebar h3 a:active {
	background: transparent; text-decoration: underline;
}

#sidebar ul {
	list-style-type: none; 
	margin: 0 0 2em; padding: 0;
}

#sidebar li { 
	margin: 0;
	padding: 1px 0;
}

#sidebar em { font-style: normal; }

/*--------------------------------------------------------------
 Footer
 --------------------------------------------------------------*/

#footer {
	font-size: 90%; 
	text-align: center;
}

#footer a:link,
#footer a:visited { 
	color: #000;
}

#footer a:hover,
#footer a:active { 
	color: #fff;
	background: gray;
}

#footer hr {
	display: none;
}

#footer p {
	width: 40%;
	float: left; 
	margin: 0; padding: 0; 
}

#footer ul {
	width: 40%;
	margin: 0; padding: 0;
	list-style-type: none; 
}

#footer li {
	margin: 0; padding: 0 0 0 1em;
	display: inline; 
}
